<!DOCTYPE html>
<html>

<head>
	<title>Central Hub</title>
<!--	<link rel="stylesheet" href="../css/bootstrap.css"/> -->
    <link rel="stylesheet" href="../css/main.css"/>
</head>

<body>
		<div id = "top-container">
            <br /> 
            <br />
            <br />
            <br />
            <form class="navbar-search pull-right">
                <input type="text" class="search-query" placeholder="Search">
            </form>
        </div>

       	<div id = "navigation-bar">
        <ul class="nav nav-tabs">
            <li class="dropdown">
                <a class="dropdown-toggle"
                    data-toggle="dropdown"
                    href="#">
                    BROWSE / SHARE
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li> <a href="recipes.html"> Recipes </a> </li>
                    <li> <a href="decorations.html"> Decorations </a> </li>
                    <li> <a href="lostandfound.html"> Lost and Found </a> </li>
                    <li> <a href="market.html"> Market </a> </li>
                </ul>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle"
                    data-toggle="dropdown"
                    href="#">
                    DISCUSS
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <!-- links --> 
                </ul>
            </li>
        </ul>
    </div>

        <div id = "main-container">
        	
        	<div id="single-container">
        	
        	<div class="create-post">
        	
        		<ul>
        			<li class="share"> Share your own recipe </li>
        			<a href=""> <li class="create"> Create Post </li>
        			<li class="plus"> + </li> <a>
        			
        		</ul>
        	</div>
        	
        	
        	
        	<article class="post">
        		<div class="post-title">
        			<a href="">This Is My Sample Post Title</a>
        		</div>
        		<div class="post-image">
        			<img src="../images/no_image.png">
        		</div>
        		<div class="post-content">
        			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu ipsum neque. Suspendisse felis est, ullamcorper id lobortis vel, ullamcorper at leo. Sed leo leo, porttitor vel euismod ornare, aliquam at mi. Mauris et ante non orci viverra volutpat. Mauris vitae neque sit amet sapien aliquet gravida sit amet eu velit. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum quis augue augue. Curabitur eget tortor purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam semper aliquet pulvinar.
        		</div>
        		
        		<div class="post-comment">
        			<span class="comment"> <span class="numcomments">0</span> comments, </span>
        			<span class="like"> <span class="numlikes">0</span> likes </span>
        		
        		</div>
        		
        		
        		<div class="post-footer">
        				Posted by Oren Bukspan on October 9th, 2012 at 7:23:23pm
        		</div>
        	</article>
        	
        	<div class="post">
        		<div class="post-title">
        			This Is My Sample Post Title #2
        		</div>
        		<div class="post-image">
        			<img src="../images/no_image.png">
        		</div>
        		<div class="post-content">
        			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu ipsum neque. Suspendisse felis est, ullamcorper id lobortis vel, ullamcorper at leo. Sed leo leo, porttitor vel euismod ornare, aliquam at mi. Mauris et ante non orci viverra volutpat. Mauris vitae neque sit amet sapien aliquet gravida sit amet eu velit. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum quis augue augue. Curabitur eget tortor purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam semper aliquet pulvinar.
        		</div>
        		<div class="post-comment">
        			<span class="comment"> <span class="numcomments">0</span> comments, </span>
        			<span class="like"> <span class="numlikes">0</span> likes </span>
        		
        		</div>
        		
        		
        		
        		<div class="post-footer">
        				Posted by Oren Bukspan on October 9th, 2012 at 8:05:38pm
        		</div>
        	</div>
        	
        	<div class="post">
        		<div class="post-title">
        			This Is My Sample Post Title #3
        		</div>
        		<div class="post-image">
        			<img src="../images/no_image.png">
        		</div>
        		<div class="post-content">
        			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu ipsum neque. Suspendisse felis est, ullamcorper id lobortis vel, ullamcorper at leo. Sed leo leo, porttitor vel euismod ornare, aliquam at mi. Mauris et ante non orci viverra volutpat. Mauris vitae neque sit amet sapien aliquet gravida sit amet eu velit. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum quis augue augue. Curabitur eget tortor purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam semper aliquet pulvinar.
        		</div>
        		<div class="post-comment">
        			<span class="comment"> <span class="numcomments">0</span> comments, </span>
        			<span class="like"> <span class="numlikes">0</span> likes </span>
        		
        		</div>
        		
        		<div class="post-footer">
        				Posted by Oren Bukspan on October 9th, 2012 at 8:05:38pm
        		</div>
        	</div>
        	</div>
        	
        	
        </div>
        </div>
        

        


	<script src="js/vendor/jquery.js" type="text/javascript"></script>
	<script src="js/vendor/bootstrap.js" type="text/javascript"></script>
</body>
</html>